<div class="white-bg padding-lg padding-top border-radius">
    <div class="flex justify-between">
        <div class="text-title">房屋详情</div>
        <div>
            <button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
                 v-on:click="vc.goBack()">
                <i class="fa fa-close"></i>返回
            </button>
        </div>
    </div>
    <!-- 房屋信息 -->
    <div class="margin-top">
        <div class="row" style="min-height: 160px;">
            <div class="col-sm-12">
                <div class="row">
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="房屋编号：" namespace="adminRoomDetailInfo"></vc:i18n>
                            </label>
                            <label class="">
                                {{adminRoomDetailInfo.floorNum}}-{{adminRoomDetailInfo.unitNum}}-{{adminRoomDetailInfo.roomNum}}
                            </label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="楼层：" namespace="adminRoomDetailInfo"></vc:i18n>
                            </label>
                            <label class="">
                                {{adminRoomDetailInfo.layer}}
                            </label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="房屋面积：" namespace="adminRoomDetailInfo"></vc:i18n>
                            </label>
                            <label class="">{{adminRoomDetailInfo.builtUpArea}}</label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="房屋类型：" namespace="adminRoomDetailInfo"></vc:i18n>
                            </label>
                            <label class="">{{adminRoomDetailInfo.roomSubTypeName}}</label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="房屋状态：" namespace="adminRoomDetailInfo"></vc:i18n>
                            </label>
                            <label class="">{{adminRoomDetailInfo.stateName}}</label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="室内面积：" namespace="adminRoomDetailInfo"></vc:i18n>
                            </label>
                            <label class="">{{adminRoomDetailInfo.roomArea}}</label>
                        </div>
                    </div>
                    <div class="col-sm-3" >
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="租金：" namespace="adminRoomDetailInfo"></vc:i18n>
                            </label>
                            <label class="">{{adminRoomDetailInfo.roomRent}}</label>
                        </div>
                    </div>
                    
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="有效期：" namespace="adminRoomDetailInfo"></vc:i18n>
                            </label>
                            <label class="">{{adminRoomDetailInfo.startTime}}~{{adminRoomDetailInfo.endTime}}</label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="业主名称：" namespace="adminRoomDetailInfo"></vc:i18n>
                            </label>
                            <label class="">{{adminRoomDetailInfo.ownerName}}</label>
                        </div>
                    </div>
                    <div class="col-sm-3" >
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="联系电话：" namespace="adminRoomDetailInfo"></vc:i18n>
                            </label>
                            <label class="">
                                {{adminRoomDetailInfo.link}}
                            </label>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="备注：" namespace="adminRoomDetailInfo"></vc:i18n>
                            </label>
                            <label class="">{{adminRoomDetailInfo.remark}}</label>
                        </div>
                    </div>
                    <div class="col-sm-3" >
                        <div class="form-group">
                            <label class="col-form-label">
                                <vc:i18n name="小区名称：" namespace="adminRoomDetailInfo"></vc:i18n>
                            </label>
                            <label class="">
                                {{adminRoomDetailInfo.communityName}}
                            </label>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
    <div class="vc-line-primary margin-top"></div>
    <div class="margin-top-sm">
        <ul class="nav nav-tabs">
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:adminRoomDetailInfo._currentTab == 'aRoomDetailOwner'}"
                    v-on:click="changeTab('aRoomDetailOwner')">
                    <vc:i18n name="业主" namespace="adminRoomDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item" v-if="adminRoomDetailInfo.ownerId">
                <a class="nav-link" v-bind:class="{active:adminRoomDetailInfo._currentTab == 'aRoomDetailMember'}"
                    v-on:click="changeTab('aRoomDetailMember')">
                    <vc:i18n name="家庭成员" namespace="adminRoomDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item" v-if="adminRoomDetailInfo.ownerId">
                <a class="nav-link" v-bind:class="{active:adminRoomDetailInfo._currentTab == 'aRoomDetailRoom'}"
                    v-on:click="changeTab('aRoomDetailRoom')">
                    <vc:i18n name="业主房屋" namespace="adminRoomDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item"  v-if="adminRoomDetailInfo.ownerId">
                <a class="nav-link" v-bind:class="{active:adminRoomDetailInfo._currentTab == 'aRoomDetailCar'}"
                    v-on:click="changeTab('aRoomDetailCar')">
                    <vc:i18n name="业主车辆" namespace="adminRoomDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item" v-if="adminRoomDetailInfo.ownerId">
                <a class="nav-link" v-bind:class="{active:adminRoomDetailInfo._currentTab == 'aRoomDetailContract'}"
                    v-on:click="changeTab('aRoomDetailContract')">
                    <vc:i18n name="合同" namespace="adminRoomDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:adminRoomDetailInfo._currentTab == 'aRoomDetailRoomFee'}"
                    v-on:click="changeTab('aRoomDetailRoomFee')">
                    <vc:i18n name="房屋费用" namespace="adminRoomDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item" v-if="adminRoomDetailInfo.ownerId">
                <a class="nav-link" v-bind:class="{active:adminRoomDetailInfo._currentTab == 'aRoomDetailCarFee'}"
                    v-on:click="changeTab('aRoomDetailCarFee')">
                    <vc:i18n name="车辆费用" namespace="adminRoomDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item" v-if="adminRoomDetailInfo.ownerId">
                <a class="nav-link" v-bind:class="{active:adminRoomDetailInfo._currentTab == 'aRoomDetailHisFee'}"
                    v-on:click="changeTab('aRoomDetailHisFee')">
                    <vc:i18n name="缴费历史" namespace="adminRoomDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item" v-if="adminRoomDetailInfo.ownerId">
                <a class="nav-link" v-bind:class="{active:adminRoomDetailInfo._currentTab == 'aRoomDetailReceipt'}"
                    v-on:click="changeTab('aRoomDetailReceipt')">
                    <vc:i18n name="收据" namespace="adminRoomDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item" v-if="adminRoomDetailInfo.ownerId">
                <a class="nav-link" v-bind:class="{active:adminRoomDetailInfo._currentTab == 'aRoomDetailRepair'}"
                    v-on:click="changeTab('aRoomDetailRepair')">
                    <vc:i18n name="报修" namespace="adminRoomDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item" v-if="adminRoomDetailInfo.ownerId">
                <a class="nav-link" v-bind:class="{active:adminRoomDetailInfo._currentTab == 'aRoomDetailComplaint'}"
                    v-on:click="changeTab('aRoomDetailComplaint')">
                    <vc:i18n name="投诉" namespace="adminRoomDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:adminRoomDetailInfo._currentTab == 'aRoomDetailMeterWaterLog'}"
                    v-on:click="changeTab('aRoomDetailMeterWaterLog')">
                    <vc:i18n name="抄表记录" namespace="adminRoomDetail"></vc:i18n>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:adminRoomDetailInfo._currentTab == 'aRoomDetailHisOwner'}"
                    v-on:click="changeTab('aRoomDetailHisOwner')">
                    <vc:i18n name="历史业主" namespace="adminRoomDetail"></vc:i18n>
                </a>
            </li>
            
        </ul>
    </div>
     <div v-if="adminRoomDetailInfo._currentTab == 'aRoomDetailOwner'">
        <vc:create path="community/aRoomDetailOwner"></vc:create>
    </div>
    
    <div v-if="adminRoomDetailInfo._currentTab == 'aRoomDetailMember'">
        <vc:create path="community/aRoomDetailMember"></vc:create>
    </div>
   <div v-if="adminRoomDetailInfo._currentTab == 'aRoomDetailRoom'">
        <vc:create path="community/aRoomDetailRoom"></vc:create>
    </div>
    
    <div v-if="adminRoomDetailInfo._currentTab == 'aRoomDetailCar'">
        <vc:create path="community/aRoomDetailCar"></vc:create>
    </div>
    <div v-if="adminRoomDetailInfo._currentTab == 'aRoomDetailContract'">
        <vc:create path="community/aRoomDetailContract"></vc:create>
    </div>
     <div v-if="adminRoomDetailInfo._currentTab == 'aRoomDetailRoomFee'">
        <vc:create path="community/aRoomDetailRoomFee"></vc:create>
    </div>
    <div v-if="adminRoomDetailInfo._currentTab == 'aRoomDetailCarFee'">
        <vc:create path="community/aRoomDetailCarFee"></vc:create>
    </div>
    <div v-if="adminRoomDetailInfo._currentTab == 'aRoomDetailHisFee'">
        <vc:create path="community/aRoomDetailHisFee"></vc:create>
    </div>
   
    <div v-if="adminRoomDetailInfo._currentTab == 'aRoomDetailReceipt'">
        <vc:create path="community/aRoomDetailReceipt"></vc:create>
    </div>
     
    <div v-show="adminRoomDetailInfo._currentTab == 'aRoomDetailRepair'">
        <vc:create path="community/aRoomDetailRepair"></vc:create>
    </div>
    
    <div v-if="adminRoomDetailInfo._currentTab == 'aRoomDetailComplaint'">
        <vc:create path="community/aRoomDetailComplaint"></vc:create>
    </div>
    
    <div v-if="adminRoomDetailInfo._currentTab == 'aRoomDetailMeterWaterLog'">
        <vc:create path="community/aRoomDetailMeterWaterLog"></vc:create>
    </div>
    
    <div v-if="adminRoomDetailInfo._currentTab == 'aRoomDetailHisOwner'">
        <vc:create path="community/aRoomDetailHisOwner"></vc:create>
    </div>
   

</div>